<template>
  <div class="pages">
    <bread class="filter">
      <h1>项目评审列表
        <span class="el-icon-arrow-right icon"></span>
        <span class="sub-title">中山大学2018年度教研创新活动</span>
      </h1>
    </bread>
    <pageContent>
      <div class="view-center">
        <div class="subject-content">
          <h1>课题名称：全球化时代生态正义的意识形态陷阱与破解进路研究</h1>
          <div class="tabs">
            <div>
              <div class="down">
                下载附件
              </div>
              <div class="tabs-center">
                <div :class="{'is_this': tab_cur == 0}" @click="clickHandle(0)">
                  评审活动
                </div>
                <div :class="{'is_this': tab_cur == 1}" @click="clickHandle(1)">
                  申请表
                </div>
              </div>
              <div class="tabs-center tips">
                <div class="is_this" :class="{'right': tab_cur == 1}"></div>
              </div>
            </div>
          </div>
          <div class="content" :class="['custom-scrollbar', {'hover' : scrollbarVisible}]"
      @scroll="paperScroll">
            <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528801535565&di=7f4fd532d77d08ab327f81129e63e200&imgtype=0&src=http%3A%2F%2Fwww.cciepa.org.cn%2Ffiles%2FFCKeditor%2F2014050914362852.jpg" alt="">
          </div>
        </div>
        <div class="grade">
          <h1>课题打分</h1>
          <div class="list">
            <dl>
              <dd>
                评分项
              </dd>
              <dd>
                评分项说明
              </dd>
              <dd>
                打分（最高5分）
              </dd>
            </dl>
            <dl>
              <dd>
                先进性
              </dd>
              <dd>
                技术上的先进性
              </dd>
              <dd>
                <el-input v-model="input" placeholder="请输入内容"></el-input>
              </dd>
            </dl>
            <dl>
              <dd>
                独创性
              </dd>
              <dd>
                项目上的独创性
              </dd>
              <dd>
                <el-input v-model="input" placeholder="请输入内容"></el-input>
              </dd>
            </dl>
            <dl>
              <dd>
                经济性
              </dd>
              <dd>
                带来的经济效益
              </dd>
              <dd>
                <el-input v-model="input" placeholder="请输入内容"></el-input>
              </dd>
            </dl>
            <dl>
              <dd>
                可行性
              </dd>
              <dd>
                执行的可能性
              </dd>
              <dd>
                <el-input v-model="input" placeholder="请输入内容"></el-input>
              </dd>
            </dl>
          </div>
          <h1 class="result">评审结论</h1>
          <div class="rank">
            <el-radio v-model="radio" label="1">优秀</el-radio>
            <el-radio v-model="radio" label="2">良好</el-radio>
            <el-radio v-model="radio" label="2">通过</el-radio>
            <el-radio v-model="radio" label="2">暂缓通</el-radio>
            <el-radio v-model="radio" label="2">不通过</el-radio>
          </div>
          <div class="opinion">
            <el-input
              type="textarea"
              :rows="2"
              placeholder="请输入审批意见"
              v-model="textarea">
            </el-input>
          </div>
          <div class="submit">
            <el-button type="primary" class="submit">提交评审</el-button>
          </div>
        </div>
      </div>
    </pageContent>
  </div>

</template>

<script>
import pagination from 'components/pagination';
import NormalFilter from 'components/NormalFilter';
import PopFilter from 'components/PopFilter';
import scrollbar from 'mixins/scrollbar';
export default {
  name: 'hello',
  mixins: [scrollbar],
  data () {
    return {
      tableData: [{
          num: 1,
          date: '2016-05-03',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          num: 1,
          date: '2016-05-02',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          num: 1,
          date: '2016-05-04',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          num: 1,
          date: '2016-05-01',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }],
      total: 1000,
      pageSize: 30,
      filters: {
        dataset: [{txt: '全部', val: '0'}, {txt: '中文成果', val: '1'}, {txt: '英文成果', val: '2'}],
        text: '评审状态'
      },
      statusFilterOptions: [{txt: '全职', val: '3'}, {txt: '兼职', val: '2'}, {txt: '退休', val: '1'}],
      tab_cur: 0,

    }
  },
  methods: {
    createPro(){
      this.$router.push('/index/intramural-project/project-create')
    },
    clickHandle(val) {
      this.tab_cur = val;

    },
    getColumnWidth(item) {
      switch (item.en) {
      case 'b':
      case 'd':
      case 'e':
      case 'f':
      case 'g':
        return 100;
      case 'h':
        return 120;
      }
    },
    fetchData(page) {
      // console.log(page);
    },
    openMessageBox() {
      this.$confirm('点击确认后，将向学院管理员发送考核提交提醒通知。', '提醒学院提交考核', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
      }).then(() => {
        this.$message({
          type: 'success',
          message: '删除成功!'
        });
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    },
    handleLanguage() {

    },
    handlePopChange() {

    },
  },
  components: {
    pagination,
    NormalFilter,
    PopFilter
  }
};
</script>
<style scoped lang="scss">
  @import './index.scss';
  .primary-color {
    color: var(--success-color);
  }
  .cur_select {
    margin-left: 20px;
  }
</style>
